  html, body {
        position: relative;
        height: 100%;
    }
    body {
        background:white;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin-top: 5%;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        /*height: 80%;*/
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-wrapper{
    	text-align: center;
    	height: 100%;
    	width: 100%;
    }
    .swiper-slide {
    		position: relative;
    		text-align: center;
    		width: 80%;
    		height: 100%;
        text-align: center;
        font-size: 18px;
        background: white;
        overflow: hidden;

        /*Center slide text vertically*/ 
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
   .swiper-slide-img{
		width: 100%; 	
   	   }
.swiper-slide-img-box{
	   	width: 15%;
  		display: inline-block;
  		position: relative; 	
}

.swiper-wrapper-word{
	display: inline-block;
	display: none;
	height: 100%;
	width: 80%;
	font-size: 13px;
	/*background: mediumpurple;*/
}


.hehe{
	height: 100%;
	width: 100%;
	position: relative;
	text-align: center;
}

.swiper-slide-top{
	/*background: yellow;*/
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 170px;
	
}
.swiper-slide-bottom{
	/*background: black;*/
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 170px;	
}
.coffee_two_jiaotang{
	display: none;
	width: 250px;
	height: 100px;
	position: absolute;
	top: -20px;
	left: -250px;
	position: relative;
}
.coffee_two_jiaotang_bottom{
	/*background: pink;*/
	display: none;
	width: 250px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	position: relative;
}
.coffee_two_jiaotang_1{
	position: absolute;
	top: 0;
	left: 0;
	
}

.coffee_two_jiaotang_2{
	position: absolute;
	top: 30px;
	left: 0;
	width: 300px;
}
.coffee_two_jiaotang_3{
	position: absolute;
	top: 30px;
	left: 0;
}

.coffee_two_jiaotang4{
	position: absolute;
	top: 45px;
	left: 120px;
}
.coffee_two_jiaotang5{
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 100px;
}



@media all  and (max-width:1200px ) and (min-width:750px){
.swiper-slide-top{	
	/*top: 150px;*/	
	height: 100px;
}
.swiper-slide-bottom{	
	/*bottom: 150px;*/		
	height: 100px;	
}
.coffee_two_jiaotang{

	width: 250px;
	height: 100px;

	top: -20px;
	left: -150px;
	
}
.coffee_two_jiaotang_bottom{
	top:30% ;
	left: 55%;
	width: 250px;
	height: 80px;
}


.coffee_two_jiaotang_2{
	position: absolute;
	top: 30px;
	left: 0;
	width: 200px;
}
.coffee_two_jiaotang_3{
	font-size: 10px;
	width: 150px;
}
.coffee_two_jiaotang4{
	position: absolute;
	top: 15px;
	left: 100px;
}
.coffee_two_jiaotang5{
	width: 200px;
	height: 70px;
}
}
@media all  and (max-width:750px ) and (min-width:600px){
.swiper-slide-top{	
display: none;
}
.swiper-slide-bottom{	
	display: none;
}
.swiper-wrapper-word{
	display: inline-block;

}
}
@media all  and (max-width:600px ) {
.swiper-slide-top{	
display: none;
}
.swiper-slide-bottom{	
	display: none;
}
.swiper-wrapper-word{
	display: inline-block;

}

}
.coffee_two_pic{
	height: 100%;
	width: 100%;
}
.coffee_two_pic img{
	width: 100%;
}












